//组件写法
import App from "@/App";
import Home from "@/views/Home";
import About from "@/views/About";
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
//两种路由模式的组件：BrowserRouter(History模式)和HashRouter(Hash模式)

const baseRouter = () => (
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App></App>}>
        <Route path="/" element={<Navigate to={"/home"} />}></Route>
        <Route path="/home" element={<Home></Home>}></Route>
        <Route path="/about" element={<About></About>}></Route>
      </Route>
    </Routes>
  </BrowserRouter>
);

export default baseRouter;
